<template>
  <!-- 结合 Vue Use 实现的切换颜色模式组件 -->
  <div class="fixed right-0 bottom-0 p-4 text-3xl cursor-pointer">
    <TailIcon :icon-name="'shezhi3'"></TailIcon>
  </div>
</template>

<script setup lang="ts">
defineProps({
  // 是否开启根据打开网页时间的不同，自动选择合适的颜色模式
  // 在打开网页时执行(组件挂载前)，06:00-18:00为亮色模式，18:00-06:00为暗色模式
  enableFollowTime: { type: Boolean, default: true },
  // 是否开启固定定位，开启后组件会固定于页面的右下角(需要保证组件的定位父元素为body或html或者是整个页面)
  enableFixed: { type: Boolean, default: true },
})
</script>

<style scoped lang="scss"></style>
